<%@ page import="org.apache.shiro.SecurityUtils" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
    String contextPath = request.getContextPath();
%>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="/resources/easyUI/themes/gray/easyuia.css"/>
    <link rel="stylesheet" type="text/css" href="/resources/easyUI/icon.css"/>
    <link rel="stylesheet" type="text/css" href="/resources/query-form.css"/>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/easyUI/jquery.easyui.min.js"></script>
    <script type='text/javascript' src="<%=contextPath%>/resources/js/views/personalCenter.js"></script>

    <style>
        body{ text-align:center}
        .div{
            z-index:10;
              margin:20% 0 0 19%;
              width:500px;
              height:300px;
              border:2px solid #e0e0e0;
             }
    </style>

    <style>
        .cpanel div.icon span
        {
            background-color: #0d99a5;
            z-index:50;
            margin: -20px 0 0 10%;
            -moz-transition-duration: 0.8s;
            background-color: #e3e3e3;
            background-position: -30px 50%;
            border: 1px solid #CCCCCC;
            border-radius: 60px;
            color: #565656;
            display: block;
            float: left;
            height: 5px;
            width: 50px;
            text-align:center;
            text-indent:0;
            position:absolute;
        }
        .cpanel div.icon span:hover
        {
            border:2px solid red;
        }
        .time_title{
        	text-align: left;
		    font-size: 16px;
		    border-bottom: 1px solid #f1e2e2;
		    padding: 10px;
		    color: #847e7e;
		    font-weight: bold;
		    background-color: #e6e6e6;
        }
    </style>
</head>
<body>

<!-- <div class="cpanel">
    <div class="icon">
        <span  style="padding:15px 0 0 0; ;font-weight: bolder; font-size: 18px">修改</span>
    </div>
</div> -->

<div id="content" class="div">
    <div class="time">
        <form action="/personalCenter/modify.do" id="ff" method="post">
        	<div class="time_title">修改密码</div>
            <ul>
               <!--  <li>&nbsp;</li>
                <li style="text-align: left; padding: 0 0 0 28px; font-weight: bold;">
                    <font color="#d3d3d3">密码</font>
                </li>
                <li>&nbsp;</li>
                <li>&nbsp;</li>
                <li>&nbsp;</li>
                	<div style=" border: 1px solid #CCCCCC; margin:-10px 60px 0px 60px;"></div>
                <li>&nbsp;</li> -->
                <li style="text-align: right; width:305px; font-weight: bold;" >
                    <label><font color="gray">用户名:&nbsp; </font></label>
                        <%=SecurityUtils.getSubject().getPrincipal()%>
                </li>
                <li>&nbsp;</li>
                <li style="font-weight: bold;">
                    <label style="padding: 0px 13px;"><font color="gray">&nbsp; 新密码: </font></label>
                    <input type="password" id="newPass">
                </li>
                <li>&nbsp;</li>
                <li style="font-weight: bold;margin-left: 7px;">
                    <label><font color="gray">确认密码:</font></label>
                    <input type="password" id="surePass" >
                </li>
                <li>&nbsp;</li>
                <li style="font-weight: bold;margin-left: 7px;">
                    <label><font color="gray">密码8到20位，由大、小写字母、数字和特殊字符@$!%*?&组成</font></label>
                </li>
          
                <li>&nbsp;</li>
                <li>
                    <a href="#" onclick="modifyPassword()"class="easyui-linkbutton" > &nbsp; 确 定 &nbsp; </a>
                    &nbsp;&nbsp;&nbsp;
                    <a href="#" onclick="resetPass()"class="easyui-linkbutton" > &nbsp; 重 置 &nbsp; </a>
                </li>
                <li>&nbsp;</li>
               
			</ul>
		</form>
	</div>
 	<br>
</div>

</body>
</html>